<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://java.sun.com/jstl/core" lang="pt"
	template="/common/templates/template.xhtml">

<ui:define name="body">
<h:form>
	<p:panel style="height: 130px;margin: 15px;15px;15px;15px;">
		<div style="display: block; float: left;" align="left">
			<h:selectOneRadio value="" layout="pageDirection">
				<f:selectItem itemValue="1" itemLabel="Consulta por nome: " id="nomeMembro" />
				<f:selectItem itemValue="2" itemLabel="Consulta por data de aniversario: " id="dtAniversario" />
				<f:selectItem itemValue="3" itemLabel="Consulta por ministério: " id="ministerio" />
			</h:selectOneRadio>
		</div>
		<div style="display: block; float: left;margin-left: 15px;" align="left">
			<h:panelGroup id="searchType" >
				<h:panelGroup rendered="#{consultarMembroAtion.event.escolha == '1'}"  id="idNome" layout="block">
					<p:inputText value="" id="nomePessoa" size="45"/>
				</h:panelGroup>
				<br/>
				<h:panelGroup rendered="#{consultarMembroAtion.event.escolha == '2'}" styleClass="pesquisaDtPeriodo" id="idDtAniversario" layout="block">
					<h:outputLabel value="De: " for="de" />
					<p:calendar id="dtAnivInicial" value="#{membroBean.membro.dataNascimento}" datePattern="dd/MM"/>
					<h:outputLabel value="Até: " for="ate" />
					<p:calendar id="dtAnivFinal" value="#{membroBean.membro.dataNascimento}" datePattern="dd/MM"/>
				</h:panelGroup>	
				<br/>
				<h:panelGroup rendered="#{consultarMembroAtion.event.escolha == '3'}"  id="idMinisterio" layout="block">
					<p:selectOneMenu value="">  
						<f:selectItem itemLabel="Selecione" itemValue="00" />
						<f:selectItems value="teste" />  
					</p:selectOneMenu>
				</h:panelGroup>
			</h:panelGroup>			
		</div>
		<br clear="all"/>
		<div align="left" style="margin-top: 20px;">
			<p:button value="pesquisar"/>
			<p:button value="pesquisar todos"/>
		</div>
	</p:panel>
	<p:panel style="height: 140px;margin: 15px;15px;15px;15px;">
		<p:dataTable id="idTable" var="table">  
	        <p:column id="modelHeader">  
	            <f:facet name="header">Nome do membro</f:facet>
				<h:outputText value="#{membro.nome}"/>
	        </p:column>  
	  
	        <p:column>  
	            <f:facet name="header">Visualizar</f:facet>
				<h:outputText value=""/>
	        </p:column>  
	  
	        <p:column>  
	            <f:facet name="header">Editar</f:facet>  
	            <h:outputText value="" />  
	        </p:column>  
	  
	        <p:column>  
	            <f:facet name="header">Excluir</f:facet>  
	            <h:outputText value="" />  
	        </p:column>  
	    </p:dataTable> 
	    <br clear="all"/>
	    <div align="left" style="margin-top: 7px;">
			<p:commandLink action="#{consultarMembroAtion.imprimirListaMembros}" target="_blank">
				<p:commandButton value="Imprimir" />
			</p:commandLink>	
		</div> 
	</p:panel>	
</h:form>
</ui:define>
</ui:composition>